<%@page contentType="text/html" pageEncoding="UTF-8"%>
<%@taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>
<%@taglib uri="http://www.springframework.org/tags/form" prefix="f"%>
<!DOCTYPE html>

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
        <title>Welcome to Spring Web MVC project</title>
        <link href="<c:url value="/recursos/css/bootstrap.css" />" rel="stylesheet">
        <link href="<c:url value="/recursos/css/bootstrap-responsive.css" />" rel="stylesheet">    
        <link href="<c:url value="/recursos/css/stylesheet.css" />" rel="stylesheet">        
        <link href="<c:url value="/recursos/icon/font-awesome.css" />" rel="stylesheet">                
        <link href='http://fonts.googleapis.com/css?family=Open+Sans:400,300,600,700,800' rel='stylesheet' type='text/css'>
    </head>

    <body>
        <div class="login-container opacity">
            <div class="login-header bordered">
                <h4>Ingresar al Sistema</h4>
            </div>
            <c:url var="acceso" value="/acceso" />
            <f:form method="post" modelAttribute="Usuario" action="${acceso}">
                <div class="login-field">
                    <label for="usuario">Usuario</label>
                    <input type="text" name="usuario" value="neilvla" id="usuario" placeholder="Username">
                    <i class="icon-user"></i>
                </div>
                <div class="login-field">
                    <label for="clave">Contraseña</label>
                    <input type="password" name="clave" value="12345" id="clave" placeholder="Contraseña">
                    <i class="icon-lock"></i>
                </div>
                <div class="login-button clearfix">
                    <button type="submit" class="pull-right btn btn-large blue">ENTRAR <i class="icon-arrow-right"></i></button>
                </div>
            </f:form>
        </div>
        <script src="<c:url value="/recursos/js/jquery-1.10.2.js" />"></script>
        <script src="<c:url value="/recursos/js/library/jquery.backstretch.min.js" />"></script>
        <script src="<c:url value="/recursos/js/library/jquery.uniform.min.js" />"></script>
        <script src="<c:url value="/recursos/js/logistica.js" />"></script>
        <script>
            jQuery(document).ready(function($) {
                $('.uniform').uniform();
            });
            jQuery.backstretch([
            "<c:url value="/recursos/img/loginSlider/slide_01.jpg" />",
            "<c:url value="/recursos/img/loginSlider/slide_02.jpg" />",
            "<c:url value="/recursos/img/loginSlider/slide_03.jpg" />",
            "<c:url value="/recursos/img/loginSlider/slide_04.jpg" />"
            ], {
                duration: 5000, fade: 1000
            });
        </script>
    </body>
</html>
